<!DOCTYPE html>
<!-- saved from url=(0056)http://startbootstrap.com/templates/simple-sidebar.html# -->
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Panel</title>
<script src="<?php echo base_url();?>js/chart.js"></script>
<?php $this->load->view('panel_head');?>
</head>

<body>


<script language="javascript">
function chk()
{	
	if(document.getElementById("mem_pass").value != document.getElementById("confirm_pass").value)
	{
		alert('Password Not Match');
		document.getElementById("mem_pass").style.borderColor = "#E34234";
		document.getElementById("confirm_pass").style.borderColor = "#E34234";
		document.getElementById("confirm_pass").focus();
		return false;
	}
	
	var fty=new Array(".gif",".jpg",".jpeg",".png"); // ประเภทไฟล์ที่อนุญาตให้อัพโหลด   
        var a=document.form1.file_1.value; //กำหนดค่าของไฟล์ใหกับตัวแปร a   
		var permiss=0; // เงื่อนไขไฟล์อนุญาต
		a=a.toLowerCase();   
		if(a !=""){
			for(i=0;i<fty.length;i++){ // วน Loop ตรวจสอบไฟล์ที่อนุญาต   
				if(a.lastIndexOf(fty[i])>=0){  // เงื่อนไขไฟล์ที่อนุญาต   
					permiss=1;
					break;
				}else{
					continue;
				}
			}  
			if(permiss==0){ 
				alert("อัพโหลดได้เฉพาะไฟล์ gif jpg jpeg png");     
				return false;   			
			} 		
		}

}
</script>

<script type="text/javascript">

		
          $(document).ready(function(){
            $("#mem_name").change(function(){
            $("#message").html("checking...");
             
 
            var mem_name=$("#mem_name").val();
 
              $.ajax({
                    type:"post",
                    url:"<?php echo base_url();?>index.php/pmember/check_already/user",
                    data:"mem_name="+mem_name,
                        success:function(data){
                        if(data==0){
                            $("#message").html("".fontcolor("green"));
							document.getElementById("mem_name").style.borderColor = "green";
							document.getElementById("submit").disabled=false;
						} else {
                            $("#message").html("Username already exists".fontcolor("red"));
							document.getElementById("mem_name").focus();
							document.getElementById("mem_name").style.borderColor = "#E34234";
							document.getElementById("submit").disabled=true;
                        }
						
                    }
                 });
 
            });
 
         });
		 
 
</script>



<?php $this->load->view('header');?>
<div style="height:46px;"></div>
<div > 
  
  <!-- Page content -->
  <div id="page-content-wrapper">
   
    <!-- Keep all page content within the page-content inset div! -->
	<?php $attributes = array('onsubmit' => 'return chk()', 'id' => 'form1' ,'name' => 'form1'); ?>
    <?php echo form_open_multipart('pmember/add_register' ,$attributes);?>
    <input type="hidden" name="seg1" value="<?php echo $this->uri->segment(1);?>" ?>
    <input type="hidden" name="seg2" value="<?php echo $this->uri->segment(2);?>" ?>
    <div class="page-content inset">
      <div class="panel panel-default">
        <div class="panel-body">
            <div class="content-header" align="center">
              <h1>About us</h1>
            </div>
            
            <div class="row">
            	<div class="col-md-1">
                </div>
                
                <div class="col-md-10">
                <table style="width:100%;">
                    	<tr>
                        	<td style="text-indent:5em; text-align :justify; text-justify :newspaper; ">
                            <font size="3">
                     ในฐานะที่คณะผู้จัดทำเป็นนักศึกษาภาควิชาวิทยาการคอมพิวเตอร์ คณะวิทยาศาสตร์ มหาวิทยาลัยขอนแก่น และเป็นนักกิจกรรมจึงเล็งเห็นถึงการนำกิจกรรมต่างๆ ที่ภาควิชาจัดขึ้น
                     เพื่อนำมาเผยแพร่ประชาสัมพันธ์ข่าวสาร กิจกรรมต่างๆ ของภาควิชาตลอดจนเป็นแหล่งศึกษาเรียนรู้ให้กับนักศึกษาและผู้ที่สนใจ 
ผู้จัดทำจึงได้ปรึกษาอาจารย์ที่ปรึกษา พร้อมจัดทำเว็บ CS KKU Chanel ขึ้น โดย เว็บ CS KKU Chanel มีระบบการเผยแพร่วิดีโอตามประสงค์โดยมีการจัดเป็นหมวดหมู่ เพื่อให้ผู้ใช้สามารถที่จะเลือกวิดีโอมาชมได้ตามประสงค์ ซึ่งในการที่จะทำระบบวิดีโอตามประสงค์นั้นทำในเว็บเซอร์วิสจะมีการติดต่อฐานข้อมูล เพื่อที่จะสืบค้นวิดีโอได้อย่างรวดเร็ว แต่เนื่องจากระบบวิดีโอที่จะต้องทำวิดีโอสตรีมมิ่งนั้น ถ้ามีนำเว็บเซอร์วิสมาทำการสตรีมมิ่งและสืบค้นข้อมูลวิดีโอไปพร้อมกันจะทำให้เซิร์ฟของเว็บเซอร์วิสทำงานหนัก จึงมีแนวคิดการออกแบบแยกเว็บเซอร์วิสใช้สำหรับสืบค้นข้อมูลวิดีโอและเซิฟเวอร์ใช้สำหรับเก็บข้อมูลเพื่อสตรีมมิ่งจะมีหน้าที่ในการจัดเก็บวิดีโอพร้อมสตรีมมิ่ง เพื่อลดปัญหาเซิร์ฟเวอร์ภาระการทำงานของเซิร์ฟเวอร์</font>
							</td>
                         </tr>
                         
                         <tr>
                         	<td style="padding-top:2em;">
                            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1913.012014995745!2d102.8236630527465!3d16.47432086515515!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31228a8c1a2f7943%3A0x9bd5c34d248a2f27!2sDepartment+of+Computer+Science!5e0!3m2!1sth!2sth!4v1418492053686" width="100%" height="400em" frameborder="0" style="border:0"></iframe>
                            </td>
                         </tr>
                    </table>
                </div>
                
                <div class="col-md-1">
                </div>
            <div class="row">
            	<div class="col-md-12">
                	<div align="center" style="padding-top:2em;">                                        
                    <hr>
                    
                    <table>
                    	<tr>
                        	<td colspan="3" align="center">
                            <h4>ผู้จัดทำ</h4></br>
                            </td>
                        </tr>
                    	<tr>
                        	<td align="center">                                    
                            นายวิศรุต แซ่ปึง</br>
                            ( vi_sat@hotmail.com )
                            </td>
                            
                            <td style="width:1.6em;">
                            
                            </td>
                            
                            <td align="center">
                             นายสิโรตม์ วุฒิสิริบูรณ์</br>
                            ( Siroj.w@kkumail.com )                   
                             </td>
                         </tr>         
                         
                         <tr>
                         	<td colspan="3" align="center"></br>
                              ที่ปรึกษา ผศ.สันติ ทินตะนัย</br>
                    ( sunti@kku.ac.th )
                    </td>
                    </tr>       
                   
                  
                    
                    </table>
                    
                   
                    </div>            	   
                </div>
            </div>
          
          
        </div>
        <!-- <div class="panel-body"> --> 
      </div>
      <!-- <div class="panel panel-default"> --> 
    </div>
    <!-- <div class="page-content inset"> --> 
    <?php echo form_close();?>
    
  </div>
  <!--  <div id="page-content-wrapper"> --> 
  
</div>
<!-- <div id="wrapper"> --> 





<!-- Custom JavaScript for the Menu Toggle --> 
<script>
    $("#menu-toggle").click(function(e) {
        e.preventDefault();
        $("#wrapper").toggleClass("active");
    });
</script> 
<script>
$('#select-all').click(function(event) {   
    if(this.checked) {
        // Iterate each checkbox
        $(':checkbox').each(function() {
            this.checked = true;                        
        });
    }else{
		$(':checkbox').each(function() {
			this.checked = false;
		});
	}
});
</script>
</body>
</html>